<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"
	trimDirectiveWhitespaces="true"%>
<link type="text/css" href="css/movie_in.css" rel="stylesheet" />
<script src="js/jquery1.10.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/elastislide.css" />
<script src="js/modernizr.custom.17475.js"></script>

<!--contents 시작 -->
<div id= "contents">
	<nav id="movnav">
		<ul>
			<li><h2>
					<a href="">현재 상영작</a>
				</h2></li>
			<li><h2>
					<a href="">개봉 예정작</a>
				</h2></li>
		</ul>
	</nav>
	<ul id="loca">
		<li><a href="">홈</a>&nbsp;&gt;</li>
		<li><a href="">영화</a>&nbsp;&gt;</li>
		<li>현재 상영작</li>
	</ul>

	<div id="wwrap">

		<div id="photo"></div>

		<div id="wrap2">
			<h1 id="only">오직 사랑하는 이들 만이 살아 남는다</h1>

			<ul id="info1">
				<li>감독:</li>
				<li>출연:</li>
				<li>기본정보 :</li>
				<li>개봉일 :</li>

			</ul>

			<ul id="info2">
				<li>짐 자무쉬</li>
				<li>틸다 스윈튼, 톰 히들스턴, 미아 와시코브스카</li>
				<li>15세이상 관람가 / 123분 / 드라마</li>
				<li>2014.01.09</li>

			</ul>

		</div>
	</div>

	<div id="wrap4">
		<div id="container">
			<div class="main">

				<ul id="carousel" class="elastislide-list">
					<li><a href="#"><img src="images/small/box1.jpg"
							alt="image01" /></a></li>
					<li><a href="#"><img src="images/small/box7.jpg"
							alt="image02" /></a></li>
					<li><a href="#"><img src="images/small/box3.jpg"
							alt="image03" /></a></li>
					<li><a href="#"><img src="images/small/box4.jpg"
							alt="image04" /></a></li>
					<li><a href="#"><img src="images/small/box5.jpg"
							alt="image05" /></a></li>
					<li><a href="#"><img src="images/small/box6.jpg"
							alt="image06" /></a></li>
					<li><a href="#"><img src="images/small/box7.jpg"
							alt="image07" /></a></li>
					<li><a href="#"><img src="images/small/box8.jpg"
							alt="image08" /></a></li>
					<li><a href="#"><img src="images/small/box9.jpg"
							alt="image09" /></a></li>
					<li><a href="#"><img src="images/small/box10.jpg"
							alt="image10" /></a></li>
					<li><a href="#"><img src="images/small/box11.jpg"
							alt="image11" /></a></li>
					<li><a href="#"><img src="images/small/box12.jpg"
							alt="image12" /></a></li>
					<li><a href="#"><img src="images/small/box13.jpg"
							alt="image13" /></a></li>
					<li><a href="#"><img src="images/small/box14.jpg"
							alt="image14" /></a></li>
					<li><a href="#"><img src="images/small/box15.jpg"
							alt="image15" /></a></li>
					<li><a href="#"><img src="images/small/box11.jpg"
							alt="image16" /></a></li>
					<li><a href="#"><img src="images/small/box17.jpg"
							alt="image17" /></a></li>
				</ul>
			</div>
		</div>
	</div>








	<!-- tab 시작 -->
	<div id="ttab" style="height: 600px; width: 850px;">

		<ul class="tabs">
			<li><a href="#tab_content_primary_01"><button type="button"
						class="btn">주요내용</button></a></li>
			<li><a href="#tab_content_primary_02"><button type="button"
						class="btn">배우&감독</button></a></li>
			<li><a href="#tab_content_primary_03"><button type="button"
						class="btn">동영상</button></a></li>
			<li><a href="#tab_content_primary_04"><button type="button"
						class="btn">스틸컷</button></a></li>
			<li><a href="#tab_content_primary_05"><button type="button"
						class="btn">평점/내용</button></a></li>
		</ul>
		<div class="tab_content_wrap clearf">
			<div id="tab_content_primary_01" class="tab_content">

				<h1>시놉시스</h1>
				<h3>
					<br />21세기 현대사회, 뱀파이어 아담과 이브의 영원불멸 사랑 이야기<br />
				</h3>
				<p>
					<br /> <br /> 미국 디트로이트와 모로코 탕헤르라는 먼 거리에 떨어져 지내는 뱀파이어 커플 아담과 이브. <br />
					수세기에 걸쳐 사랑을 이어온 이들이지만 언더그라운드 뮤지션으로 활동 중인 아담은 인간 세상에 대한 염증으로 절망에 빠져
					있다. <br /> 이브는 그를 위로하기 위해 디트로이트행 밤비행기에 몸을 싣고 마침내 두 사람은 재회한다. <br />
					그러나 만남의 기쁨도 잠시, 이브의 통제불능 여동생 애바의 갑작스런 방문은 숨겨두었던 뱀파이어의 본능을 일깨우기
					시작하는데… <br /> 21세기 현대사회, 아담과 이브는 과연 영원한 삶과 사랑을 이어갈 수 있을까.
				</p>
			</div>




			<div id="tab_content_primary_02" class="tab_content">

				<div class="view_detail clearf">

					<h4 class="tit_view">
						<img src="images/chw/actor.gif" alt="배우">
					</h4>
					<ul class="person_list">

						<li>
							<p class="infor clearf">
								<strong class="name">틸다 스윈튼</strong>
								<!--<span class="posi"><strong>주연</strong> | 이브 역</span>-->
								<span class="posi"><strong>역할</strong> | 이브 역</span>
							</p>
							<p class="thum">
								<img src="images/chw/tilda.jpg" alt="틸다 스윈튼">
							</p>


						</li>

						<li>
							<p class="infor clearf">
								<strong class="name">톰 히들스턴</strong>
								<!--<span class="posi"><strong>주연</strong> | 아담 역</span>-->
								<span class="posi"><strong>역할</strong> | 아담 역</span>
							</p>
							<p class="thum">
								<img src="images/chw/tom.jpg" alt="톰 히들스턴">
							</p>

						</li>

						<li>
							<p class="infor clearf">
								<strong class="name">미아 와시코브스카</strong>
								<!--<span class="posi"><strong>주연</strong> | 애바 역</span>-->
								<span class="posi"><strong>역할</strong> | 애바 역</span>
							</p>
							<p class="thum">
								<img src="images/chw/mia.jpg" alt="미아 와시코브스카">
							</p>

						</li>

					</ul>
					<h4 class="tit_view clearf">
						<img src="images/chw/direc.gif" alt="감독">
					</h4>
					<ul class="person_list">

						<li>
							<p class="infor clearf">
								<strong class="name">짐 자무쉬</strong>
							</p>
							<p class="thum">
								<img src="images/chw/jim.jpg" alt="짐 자무쉬">
							</p>
							<p class="memo">
								빔 벤더슨 감독의 후원으로 성장한 뉴욕대 영화과 출신의 펑크-스타일리스트 감독. 첫 장편영화인 &lt;영원한
								휴가&gt;를 발표하면서 국제적으로 큰 반향을 불러일으켰다. 두번째 작품인 &lt;천국보다 낯선&gt;은 1985년
								칸느영화제에서 황금카메라상을 수상했다. 영화의 형식적 실험에 끈질긴 관심을 보이고 있다. 예술 영화를 신봉하는
								구미의 영화광, 영화학도들의 우상이라 할만큼 각광을 받고 있다. 그의 네번째 영화 &lt;미스테인 트레인&gt;은
								일본의 전자회사 JVC가 미국에 세운 라르고 엔터테인먼트(Largo Entertaiment) 회사의 첫 제작
								작품이다. <br> <br>깐느 영화제 황금 카메라상, 로카르노 영화제 그랑프리, 전미 비평가
								협회가 뽑은 최고의 영화상 수상 등 화려한 수상 경력을 갖고 있으며 독창적이고도 새로운 영상 미학을 선보이는
								감독이다. <br> <br> 그 후 짐 자무쉬는 뉴욕으로 돌아와 뉴욕 대학교 영화과 대학원 과정을
								수료하였으며 뉴욕 대학 재학 시절 첫 장편 영화 &lt;영원한 휴가&gt;를 제작, 만하임 영화제 조셉 폰
								스턴버그상을 수상하면서 두각을 나타내기 시작했다.

							</p>

						</li>

					</ul>
				</div>
			</div>







			<div id="tab_content_primary_03" class="tab_content">
				<p>
				<h1>Content Area</h1>

				<p>Tab Link 03 의 내용.</p>
				<ul>
					<li><a href="#" title="">링크 1</a></li>
					<li><a href="#" title="">링크 2</a></li>
					<li><a href="#" title="">링크 3</a></li>
					<li><a href="#" title="">링크 4</a></li>
				</ul>
			</div>


			<div id="tab_content_primary_04" class="tab_content"></div>
			<div id="tab_content_primary_05" class="tab_content"></div>

			<!-- // tab 끝 -->
		</div>

	</div>
	</div>
	<!-- //contents  끝 -->


	<!-- 스크립트시작//ttab시작 -->
	<script src="js/jquery1.10.2.min.js"></script>
	<script type="text/javascript">
		function init_tabs() {
			$(".tab_content").css("display", "none");
			if (!$('ul.tabs').length) {
				return;
			}
			$('div.tab_content_wrap').each(function() {
				$(this).find('div.tab_content:first').show();
			});
			$('ul.tabs a').click(
					function() {
						if (!$(this).hasClass('current')) {
							$(this).addClass('current').parent('li').siblings(
									'li').find('a.current').removeClass(
									'current');
							$($(this).attr('href')).show("1000").siblings(
									'div.tab_content').hide("1000");
						}
						this.blur();
						return false;
					});
		}

		$(document).ready(function() {
			init_tabs();
		});
	</script>

	<!-- //ttag끝 -->

	<!-- //carousel  시작 -->
	<script src="js/jquery1.10.2.min.js"></script>
	<script type="text/javascript"
		src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquerypp.custom.js"></script>
	<script type="text/javascript" src="js/jquery.elastislide.js"></script>
	<script type="text/javascript">
		$('#carousel').elastislide();
	</script>
	<!-- //carousel 끝 -->